.commonTabBtn() {
  min-width: 52px;
  text-align: center;
  height: 47px;
  line-height: 47px;
  font-size: 12px;
  color: #666;
  font-weight: 400;
  box-sizing: border-box;
  overflow: hidden;
}

.medicalAdvice {
  padding: 0;
  background: #fff;
  box-sizing: border-box;
  height: calc(100vh - 52px - 15px - 90px - 15px - 15px - 15px - 15px - 50px);
  padding: 0 15px 15px;
  background: #fff;
  height: calc(100vh - 52px - 15px - 90px - 15px - 15px - 15px - 15px - 50px);
  overflow: hidden;
  box-sizing: border-box;
  .medicalTabs {
    position: relative;
    background-color: #fff;
    :global {
      .ant-tabs-nav-list {
        overflow: auto;
      }
      .ant-tabs-nav {
        padding: 0;
        background: #fff;
        box-sizing: border-box;
        margin-bottom: 0;
        -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
        margin: 0 0 15px;
      }
      .ant-tabs-ink-bar {
        background-color: #4EC190;
      }
      .ant-tabs-tab {
        overflow: hidden;
        height: 47px;
        line-height: 47px;
        padding: 0 25px;
        box-sizing: border-box;
        color: #fff;
        margin-top: 0;
        border: 1px solid transparent;
        margin: 0;
        .ant-tabs-tab-btn {
          .commonTabBtn();
        }
        &:first-child {
          margin-left: 0;
        }
        &::before {
          border-bottom: 0;
        }
      }
      .ant-tabs-tab-active {
        overflow: hidden;
        border: none;
        color: #4EC190;
        background: #fff;
        padding: 0 25px;
        box-sizing: border-box;
        height: 47px;
        line-height: 47px;
        margin: 0;
        .ant-tabs-tab-btn {
          .commonTabBtn();
          color: #4EC190;
        }
        &:first-child {
          margin-left: 0;
        }
        &::before {
          border-bottom: 0;
        }
      }
    }
  }
}

.medicalTabsItem {
  position: relative;
}